﻿@using BonjourQuotation.UI.Models.SetupModel
@model SetupCardsGridViewModel
@{
    
}
@using (@Html.BeginForm("AddNewCard", "Setup", FormMethod.Post, new { id = "AddNewCardForm" }))
{
   <div id="ErrorMessagesDivPopUp">
        <label for="Validation" id="errorMessageClient" class="errorMessage"></label>
        @if (Model.Message != null)
        {
            @Html.LabelForModel(Model.Message, new { @class = "errorMessage", id = "errorMessageServer" })
        }
    </div>
    
    Model.SelectedCardTypeID = Model.Rows[0].CardTypeID;
    <div class="pull-right" style="margin-bottom:15px;">
        <div class="row form-row">
            <div class="ElementsPaddingRight30 col-lg-12">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].CardTypeID)</span>
                    @Html.DropDownListFor(model => Model.SelectedCardTypeID, new SelectList(Model.CardType, "Value", "Text"), new { @class = "CCardAddElementChange table_inputs_SmallPadding2 inpputgr form-control ElementsForValidation AddCardTypeDrop Required" })
                    @Html.DropDownListFor(model => Model.Rows[0].CardTypeID, new SelectList(Model.CardType, "Value", "Text"), new { @class = "RoomGridDropHide" })
                </div>
            </div>
        </div>
        <div class="row form-row">
            <div class="ElementsPaddingRight30 col-lg-12">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].CardNumber)</span>
                    @Html.TextBoxFor(model => model.Rows[0].CardNumber, new { @class = "CCardAddElementChange table_inputs_SmallPadding2 inpputgr form-control phone ElementsForValidation Required CreditCardAmex" })
                </div>
            </div>
        </div>
        <div class="row form-row">
            <div class="ElementsPaddingRight30 col-lg-12">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].PlaceHolderName)</span>
                    @Html.TextBoxFor(model => model.Rows[0].PlaceHolderName, new { @class = "CCardAddElementChange table_inputs_SmallPadding2 inpputgr form-control ElementsForValidation SetupCreditCardMaxLength100 Required" })
                </div>
            </div>
        </div>
        <div class="row form-row">
            <div class="ElementsPaddingRight30 col-lg-8">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].CardValidToDate)</span>
                    @Html.TextBoxFor(model => model.Rows[0].CardValidToDate, new { @class = "CCardAddElementChange table_inputs_SmallPadding2 inpputgr form-control ElementsForValidation Date Required", @id = "AddCardDeteilsDataCalendar", @style = "cursor:pointer" })
                </div>
            </div>
            @*<div class=" col-lg-6">
                    <div class="input-group">
                        <span class="input-group-addon">@Html.LabelFor(model => model.Rows[0].CardValidFromDate)</span>
                        @Html.TextBoxFor(model => model.Rows[0].CardValidFromDate, new { @class = "form-control AddCardDeteilsDataCalendar" })
                    </div>
                </div>*@
            <div class="ElementsPaddingRight30 col-lg-4">
                <div class="input-group">
                    <span class="input-group-addon inpputgrtext table_inputs_SmallPadding2 inpputgrback">@Html.LabelFor(model => model.Rows[0].IsActive)</span>
                    @Html.CheckBoxFor(model => model.Rows[0].IsActive, new { @class = "CCardAddElementChange" })
                </div>
            </div>
        </div>
        <div class="SaveCancelDiv">
            <button class="btn14 btn50" type="button" onclick="$('#cboxClose').click()">Cancel</button>
            <button class="btn14 btn50" type="button" id="CardAddBtn">Save</button>
        </div>
    </div>
}





